From 2bb6c0f11b8bdc1e6bf732139da4488861c06503 Mon Sep 17 00:00:00 2001 From: Factiven Date: Mon, 1 May 2023 14:49:13 +0700 Subject: Update v3.5.1 --- pages/anime/watch/[...info].js | 44 ++++++++++++++++++------------------------ 1 file changed, 19 insertions(+), 25 deletions(-) (limited to 'pages/anime/watch/[...info].js') diff --git a/pages/anime/watch/[...info].js b/pages/anime/watch/[...info].js index 0d11684..682e252 100644 --- a/pages/anime/watch/[...info].js +++ b/pages/anime/watch/[...info].js @@ -8,12 +8,9 @@ import dynamic from "next/dynamic"; import { useNotification } from "../../../lib/useNotify"; -import { signIn } from "next-auth/react"; import { getServerSession } from "next-auth/next"; import { authOptions } from "../../api/auth/[...nextauth]"; -import AniList from "../../../components/media/aniList"; - import Skeleton, { SkeletonTheme } from "react-loading-skeleton"; import "react-loading-skeleton/dist/skeleton.css"; @@ -259,28 +256,25 @@ export default function Info({ sessions, id, aniId, provider }) { fetchData(); }, [id, aniId, provider, sessions]); - const { Notification: NotificationComponent } = useNotification(); - - const [open, setOpen] = useState(false); - const [aniStatus, setAniStatus] = useState(""); - const [aniProgress, setAniProgress] = useState(parseInt(playingEpisode)); - - const handleStatus = (e) => { - setAniStatus(e.target.value); - }; - - const handleProgress = (e) => { - const value = parseFloat(e.target.value); - if (!isNaN(value) && value >= 0 && value <= data.totalEpisodes) { - setAniProgress(value); - } - }; - - const handleSubmit = (e) => { - e.preventDefault(); - const formData = { status: aniStatus, progress: aniProgress }; - console.log(formData); - }; + useEffect(() => { + const mediaSession = navigator.mediaSession; + if (!mediaSession) return; + + const artwork = + poster && poster.length > 0 + ? [{ src: poster[0].image, type: "image/jpeg" }] + : undefined; + + mediaSession.metadata = new MediaMetadata({ + title: playingTitle, + artist: `Moopa ${ + playingTitle === data?.title?.romaji + ? "- Episode " + playingEpisode + : `- ${data?.title?.romaji || data?.title?.english}` + }`, + artwork, + }); + }, [poster, playingTitle, playingEpisode, data]); return ( <> -- cgit v1.2.3